<template>
<div class="reg">
    <van-nav-bar   left-arrow>
            <template #title>
                <p style="font-size:21px; font-weight:700;">注册易点云</p>
            </template>
            <template #left>
                <router-link to="/">
                    <van-icon  click-left="" name="arrow-left" size="24" color="#999"/>
                </router-link>                               
            </template>
    </van-nav-bar>
    <van-form @submit="onSubmit">
        <van-field
            v-model="username"
            name="用户名"
            label="用户名"
            placeholder="用户名"
            :rules="[{ required: true, message: '请填写用户名' }]"
        />
        <van-field
            v-model="password"
            type="password"
            name="密码"
            label="密码"
            placeholder="密码"
            :rules="[{ required: true, message: '请填写密码' }]"
        />
        <div style="margin: 16px;">
            <van-button round block type="info" native-type="submit">提交</van-button>
        </div>
    </van-form>
</div>

    
</template>

<script>
    import Vue from 'vue';
    import { Form } from 'vant';
    import { Field } from 'vant';

    Vue.use(Form);
    Vue.use(Field);
    export default {
        data() {
            return {
            username: '',
            password: '',
            };
        },
        methods: {
            onSubmit(values) {
            console.log('submit', values);
            },
        },
    }
</script>

<style lang="scss" scoped>

</style>